<template>

	<view class="page">
				<l-file ref="lFile" @up-success="onSuccess" ></l-file>
		<view class="">
			<!-- <image class="bgimage" src="https://pic.imgdb.cn/item/61e6e4a92ab3f51d916b527c.png"></image> -->
			<image class="bgimage" src="https://pic.imgdb.cn/item/626e354a239250f7c51d1390.jpg"></image>
		</view>


		<view class="headimg">
		</view>

		<view class="allbutton">

			
			<view class="item">
				<text>活动名称：</text>
				<view>
					<input type="text" class="input" v-model="competitonName" @input="getcompetitonName" placeholder="请输入通知名称" />
				</view>
			</view>

			<view class="item">
				<text>比赛类型：</text>
				<view class="Selectinput">
					<picker mode="selector" :range="competitonList" @change="matchTypeChange">
						<input disabled type="text" v-model="competitonType" />
					</picker>
					<view class="icon2"></view>
				</view>
			</view>

			<view class="item">
				<text class="inputText">起始时间：</text>
				<view class="inputSelect">
					<view class="selector-input">
						<input @click="openStartCa" v-model="beginTime" type="text" disabled placeholder="开始时间" />
						<view class="icon2"></view>
					</view>	
					<uni-calendar ref="startCalendar" class="uni-calendar--hook" :clear-date="true"
						:insert="info.insert" @confirm="confirm" @close="close" />
					<view class="to">

					</view>
					<view class="selector-input">
						<input @click="openEndCa" v-model="endTime" type="text" disabled placeholder="结束时间" />
						<view class="icon2"></view>
					</view>
					
					<uni-calendar ref="endCalendar" class="uni-calendar--hook" :clear-date="true" 
						:insert="info.insert"  @confirm="endConfirm" @close="close" />
				</view>
			</view>

			<view class="item">
				<text>负责单位：</text>
				<view>
					<input type="text" class="input" placeholder="请输入负责单位"  />
				</view>
			</view>

			<view class="item">
				<text>负责人：</text>
				<view>
					<input type="text" class="input" placeholder="请输入负责人姓名" v-model="name"/>
				</view>
			</view>

			<view class="item">
				<text>联系方式：</text>
				<view>
					<input type="text" class="input" @input="getPhone" v-model="phone"  placeholder="请输入联系方式" />
				</view>
			</view>

			<view class="item">
				<text>活动地点：</text>
				<view>
					<input type="text" class="input" v-model="place" placeholder="请输入活动地点"  @input="getPlace" />
				</view>
			</view>

			<view class="item">
				<text>主办单位：</text>
				<view>
					<input type="text" class="input" placeholder="请输入主办单位" />
				</view>
			</view>

			<view class="item">
				<text>相关专业：</text>
				<view class="Selectinput">
					<picker mode="selector" :range="majorList" @change="majorChange">
						<input disabled placeholder="请选择相关专业" type="text"  disabled v-model="major" />
					</picker>
					<view class="icon2"></view>
				</view>
			</view>
			
			
		<view class="item">
				<text>发布对象：</text>
				<view class="Selectinput">
					<picker mode="selector" :range="gradeList" @change="selectGradeChange">
						<input disabled  placeholder="2019" type="text" disabled v-model="grade"  />
					</picker>
					<view class="icon2"></view>
				</view>

			</view>
			
		<!-- 	<view class="item">
				<text>自定义标签：</text>
				<view>
					<input type="text" class="input" placeholder="请输入自定义标签" />
				</view>
			</view>
			<textarea   v-model="content" @input="getContent" placeholder="请输入活动详细内容..." />

 -->
<view class="item" style="">
				<text>上传文件：</text>
				<view class="Selectinput Selectinput-button"  v-if="this.isSent==0" >
					<!-- <input type="text" class="input" placeholder="请输入自定义标签" /> -->
					<button class="button " @click="sentFile" type="default" style="font-size: 30rpx;" >上传文件</button>
									<!-- <button class="button " @click="sentFile" type="default"  :class="this.isSent == 1 ? 'block' : 'none' ">上传成功</button> -->
				</view>
				<view class="Selectinput Selectinput-button"  v-else >
							<button class="button"  @click="sentFile"  type="default" style="font-size: 30rpx;width: 250rpx;">修改上传文件</button>
					</view>
								
			</view>
			<textarea v-model="content" style="background-color: transparent;" @input="getContent" placeholder="请输入通知详细内容..." />
			</view>
			<!-- <view class="item">
				<text>大赛类型：</text>
				<view class="Selectinput">
					<picker mode="selector" :range="competitionTypeList" @change="selectComTypeChange">
						<input placeholder="20级所有人" type="text" value="全校" disabled v-model="day" @click="selectdays" />
					</picker>
					<view class="icon2"></view>
				</view>
			</view> -->

	
			<!-- <textarea  v-model="content" @input="getContent"  placeholder="上传文件" /> -->
			<view class="">
				<button  class="button" @click="sentActivity" style="font-size: 30rpx;" type="default" @tap="submit">发布活动</button>

			</view>
		</view>
	</view>
</template>

<script>
	/**
	 * 获取任意时间
	 */
	function getDate(date, AddDayCount = 0) {
		if (!date) {
			date = new Date()
		}
		if (typeof date !== 'object') {
			date = date.replace(/-/g, '/')
		}
		const dd = new Date(date)

		dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期

		const y = dd.getFullYear()
		const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期，不足10补0
		const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号，不足10补0
		return {
			fullDate: y + '-' + m + '-' + d,
			year: y,
			month: m,
			date: d,
			day: dd.getDay()
		}
	}
	export default {
		data() {
			return {
				isSent:0,
				competitonName: '',
				competitonType: '校内',
				content:'',
				beginTime: '',
				endTime: '',
				fileUrl:'',
				finishType:'',
				grade:'2019',
				phone: '',
				place: '',
				organizer: '',
				major: '软件工程',
				majorId:'',
				name: '',
				principal:'',
				schoolId:'',
				placeId:'',
				place:'',
				
				info: {
					lunar: true,
					range: true,
					insert: false,
					selected: [],
				},
				// competitionTypeList:['校内','院内','省内','国内'],
				gradeList:['2021','2020','2019','2018'],
				redays: ['bbb', 'xxx', 'xxx'],
				competitonList: ['校内','院内','省内','国内'],
				majorList:['软件工程','计算机与科学','人工智能','机器人'],
				//验证的规则
				rules:{
				    name:{
				        rule:/\S/,
				        msg:"负责人不能为空"
				    },
				    competitonName:{
				        rule:/\S/,
				        msg:"活动名称不能为空"
				    }
				}
			}
		},
onLoad() {
	// this.sentActivity();
},

		onReady() {
			this.$nextTick(() => {
				this.showCalendar = true
			})
			// TODO 模拟请求异步同步数据
			setTimeout(() => {
				this.info.date = getDate(new Date(), -30).fullDate
				this.info.startDate = getDate(new Date(), -60).fullDate
				this.info.endDate = getDate(new Date(), 30).fullDate
				this.info.selected = [{
					date: getDate(new Date(), -3).fullDate,
					info: '记录',
					data: {
						custom: '自定义信息',
						name: '自定义消息头'
					}

				}]
			}, 2000)
		},
		methods: {
			 //点击登录
			submit(){
			    if(!this.validate('name')) return;
			    if(!this.validate('competitonName'))  return;
			    const res = this.$myRequest({
			    	url: '/admin/releaseNotice',
			    	method:'POST',
			    	data:{
			    		 "beginTime":this.beginTime,
			    		  "competitionName": this.competitonName,
			    		  "competitionType": this.competitonType,
			    		  "content":this.content,
			    		  "endTime":this.endTime,
			    		  "fileUrl": this.fileUrl,
			    		  "finishType": "string",
			    		  "name": "this.name",
			    		  "grade":this.grade,
			    		  "id": 12,
			    		  "infoType": "通知",
			    		   "isDeleted": 0,
			    		  "majorId":this.majorId,
			    		  "name": "string",
			    		  "phone": this.phone,
			    		  "placeId": 0,
			    		  "principal": "string",
			    		  "schoolId": 0,
			    		  "sponsoId": 0,
			    		  "tabBar": "string"
			    	},
			    }).then(res=>{
			    	if(this.competitonName.length!=0&&this.endTime.length!=0&&this.beginTime.length!=0&&this.name.length!=0){
			    		console.log(res+"res")
			    		
			    setTimeout(() => {
			    	uni.showToast({
			    		icon:'success',
			    		title:'发布成功！'
			    	})
			    }, 1200)
			    uni.switchTab({
			    	url:'../index/index'
			    })
			    	}else {
			    	setTimeout(() => {
			    		uni.showToast({
			    			icon:'error',
			    			title:'发布失败,请填写有关信息'
			    		})
			    	}, 1200)
			    }
			    	
			    }
			    )
			    
			},
			//判断验证是否符合要求
			validate(key){
			    let bool=true;
			    if(!this.rules[key].rule.test(this[key])){
			        //提示信息
			        uni.showToast({
			            title:this.rules[key].msg,
			        })
			        //取反
			        bool=false;
			        return false;
			    }
			    return bool;
			},
			sentActivity(){
				const res = this.$myRequest({
					url: '/admin/releaseNotice',
					method:'POST',
					data:{
						 "beginTime":this.beginTime,
						  "competitionName": this.competitonName,
						  "competitionType": this.competitonType,
						  "content":this.content,
						  "endTime":this.endTime,
						  "fileUrl": this.fileUrl,
						  "finishType": "string",
						  "name": "this.name",
						  "grade":this.grade,
						  "id": 12,
						  "infoType": "通知",
						   "isDeleted": 0,
						  "majorId":this.majorId,
						  "name": "string",
						  "phone": this.phone,
						  "placeId": 0,
						  "principal": "string",
						  "schoolId": 0,
						  "sponsoId": 0,
						  "tabBar": "string"
					},
				}).then(res=>{
					if(this.competitonName.length!=0&&this.endTime.length!=0&&this.beginTime.length!=0&&this.name.length!=0){
						console.log(res+"res")
						
				setTimeout(() => {
					uni.showToast({
						icon:'success',
						title:'发布成功！'
					})
				}, 1200)
				uni.switchTab({
					url:'../index/index'
				})
					}else {
					setTimeout(() => {
						uni.showToast({
							icon:'error',
							title:'发布失败,请填写有关信息'
						})
					}, 1200)
				}
					
				}
				)
			},
			sentFile() {
				this.$refs.lFile.upload({
					// #ifdef APP-PLUS
					//（app端必传）nvue页面使用时请查阅nvue获取当前webview的api，当前示例为vue窗口
					// currentWebview: this.$mp.page.$getAppWebview(),
					// #endif
					//替换为你的上传接口地址
					url: 'http://124.222.175.145:8080/admin/uploadFile',
					// 服务端接收附件的key
					name: 'file',
					//根据你接口需求自定义 (优先不传content-type,安卓端无法收到参数再传)
					header: {
						'Authorization': 'bearer eyJhbGciOiJSUzI1NiIsIn',
						'uid': '27682',
						'client': 'app',
						'accountid': 'DPOA0001',
						// 'content-type':'multipart/form-data'
					},
					// 限制选择附件的大小上限，默认10M
					// maxSize: 20,
			
					// 若需要在body单独添加附件名或附件大小如下方式传入组件：
					// addName: '后端要的附件名称字段key,此处请勿写name的同值如(file)，会覆盖name',
					// addSize: '后端要的附件大小字段key'
			
					// body参数直接写key,value,如：
					// date: '2020-1-1',
					// key2: 'value2',
				});
			        
			},
			onSuccess(res) {
				 console.log(this.isSent+"this.isSentthis.isSentthis.isSent");
				console.log('上传成功回调', JSON.stringify(res));
				console.log("返回的路径", JSON.stringify(res.data.data))
				this.fileUrl=res.data.data;
				console.log(this.fileUrl+"fileUrlfileUrlfileUrl")
				uni.showToast({
					title: '上传成功',
					icon: 'none'
				})
				 this.isSent=1;
				 console.log(this.isSent+"this.isSent")
				 console.log(this.isSent+"this.isSentthis.isSentthis.isSent");
				 
			},
			majorChange(e){
				this.major = this.majorList[e.target.value];
				this.majorId = e.target.value;
				console.log(this.major+this.majorId + "专业名称");
			},
			matchTypeChange(e) {
				this.competitonType = this.competitonList[e.target.value];
					console.log(this.competitonType + "比赛类型");
			},
			// selectComTypeChange(e){
			// 	this.grade= this.gradeList[e.target.value];
			// 		console.log(this.grade + "年级");
			// },
			selectGradeChange(e){
				this.grade= this.gradeList[e.target.value];
					console.log(this.grade + "年级");
			},
			confirm(e) {
				this.beginTime = e.fulldate;
				console.log("开始时间：" + this.beginTime)
			},
			endConfirm(e) {
				this.endTime = e.fulldate;
				console.log("结束时间：" + this.endTime)
			},
			openStartCa() {
				this.$refs.startCalendar.open();
			},
			openEndCa() {
				this.$refs.endCalendar.open();
			},
			wode() {
				uni.navigateTo({
					url: './wodehuodong'
				})
			},

		}
	}
</script>

<style lang="scss">
	.Selectinput {
		width: 47%;
		height: 50rpx;
		box-shadow: 0 0 30px #ffffff;
		box-shadow: 2px 2px 20px #c5bfbf;
		border-radius: 10rpx;
		background-color: #ffffff;
		color: #000000;
		opacity: 0.7;
		margin: 15rpx 75rpx 15rpx 9rpx;
		padding: 10rpx 25rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		display: flex;
		padding-right: 30rpx;
	color: rgba(76, 76, 76, 1.0);
	&-button {
			opacity: 1;
			border: none;
		background-color: rgba(249, 249, 249, 1);
		box-shadow: 0 0 0px #ffffff;
		box-shadow: 0px 0px 0px #c5bfbf;
		}
	}

	.icon2 {
		padding: 0 3rpx;
		width: 35rpx;
		height: 35rpx;
		background-image: url("data:image/svg+xml,%3Csvg t='1643207268595' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2215' width='200' height='200'%3E%3Cpath d='M511.9 819c-21.7 0-43.4-8.3-59.9-24.8-33.1-33.1-33.1-86.7 0-119.8l363.5-344.7c33.1-33.1 86.7-33.1 119.8 0s33.1 86.7 0 119.8L571.7 794.2c-16.5 16.6-38.2 24.8-59.8 24.8z' fill='%23666666' p-id='2216'%3E%3C/path%3E%3Cpath d='M512.1 819c21.7 0 43.4-8.3 59.9-24.8 33.1-33.1 33.1-86.7 0-119.8L208.5 329.8c-33.1-33.1-86.7-33.1-119.8 0s-33.1 86.7 0 119.8l363.5 344.7c16.6 16.5 38.3 24.7 59.9 24.7z' fill='%23666666' p-id='2217'%3E%3C/path%3E%3C/svg%3E");
		background-size: cover;
		margin-right: 7rpx;
	}

	.button {
		border-radius: 25;
		color: white;
		background-color: #53b7f1;
		width: 195rpx;
		height: 80rpx;
		line-height: 90rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		font-weight: 600;
		font-size: 35rpx;
	}

	

	.bgimage {
		background-repeat: no-repeat;
		position: fixed;
		z-index: -1;
		background-size: cover;
		width: 100%;
		min-height: 100%;
		opacity: 0.8;
	}

	.allbutton {
		margin-left: 60rpx;
		margin-top: 50rpx;
	}

	.item {
		margin-bottom: 17rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		text {
			width: 28%;
			color: #ffffff;
			color: rgba(100, 100, 100, 1.0);
			font-weight: 600;
		}

	}
.inputText{
	position: absolute;
	 margin-left: -530rpx;
}
	textarea {
		-webkit-animation: ani 2s linear infinite;
		background-color: #000000;
		background-color: #ffffff;
		opacity: 0.7;
		padding: 10rpx 10rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		display: flex;
		box-shadow: #ffffff 0px 0px 10rpx inset;
		padding-right: 10rpx;
		height: 170rpx;
		width: 80%;
		margin: 10rpx 30rpx;
	}

	.inputSelect {
		width: 80%;
		height: 20rpx;
		margin: 25rpx 0rpx;
		margin-right: 20rpx;
		padding: 10rpx 10rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		display: flex;
		.to {
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #348db6;
			height: 10rpx;
			width: 30rpx;
			margin-left: 10rpx;
			margin-right: 10rpx;
		}

		.selector-input {
			height: 70rpx;
			width: 240rpx;box-shadow: 0 0 30px #ffffff;
		box-shadow: 2px 2px 20px #c5bfbf;
		border-radius: 10rpx;
			background-color: #ffffff;
			// margin-left: -30rpx;
			opacity: 0.7;
			display: flex;
			align-items: center;
			justify-content: center;
			display: flex;
			// box-shadow: #50b9ff 0px 0px 10rpx inset;
			input {
				height: 70rpx;
				line-height: 70rpx;
				font-size: 30rpx;
				width: 170rpx;
				padding: 3rpx;
				padding-left: 18rpx;
			}
		}
	}
	@keyframes ani {
	  0% {
	      box-shadow: 0 0 0px #ffffff;
	      box-shadow: 0px 0px 0px #c5bfbf;
	  }
	  25% {
	      box-shadow: 0 0 20px #ffffff;
	      box-shadow: 2px 2px 10px #c5bfbf;
	  }
	  50% {
	      box-shadow: 0 0 30px #ffffff;
	      box-shadow: 2px 2px 20px #c5bfbf;
	  }
	  75% {
	      box-shadow: 0 0 40px #ffffff;
	      box-shadow: 2px 2px 10px #c5bfbf;
	  }
	  100% {
	      box-shadow: 0 0 0px #ffffff;
	      box-shadow: 2px 2px 0px #c5bfbf;
	  }
	  }
	.input {
		width: 60%;
		background-color: #91ff5e;
		height: 20rpx;
		// -webkit-animation: ani 2s linear infinite;
		box-shadow: 0 0 30px #ffffff;
		box-shadow: 2px 2px 20px #c5bfbf;
		border-radius: 10rpx;
		// border: #c5bfbf solid 5rpx;
		  // box-shadow: 2px 2px 20px #4a4848;
		   // box-shadow: 2px 2px 0px #c5bfbf;
		background-color: #ffffff;
		opacity: 0.7;
		margin: 15rpx 5rpx;
		padding: 10rpx 25rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		display: flex;
		padding-right: 80rpx;
	}

	.left {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.leftimage {
		width: 45rpx;
		height: 45rpx;
		margin-right: 25rpx;
		background-size: cover;
	}

	.leftimage1 {
		background-image: url("data:image/svg+xml,%3Csvg t='1642496319730' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3754' width='200' height='200'%3E%3Cpath d='M512 36.141176c68.266667 0 132.517647 27.105882 180.705882 75.294118L913.568627 331.294118c48.188235 48.188235 75.294118 112.439216 75.294118 180.705882S961.756863 644.517647 913.568627 692.705882L693.709804 913.568627c-48.188235 48.188235-112.439216 75.294118-180.705882 75.294118-68.266667 0-132.517647-27.105882-180.705883-75.294118l-220.862745-220.862745c-99.388235-99.388235-99.388235-262.023529 0-362.415686L331.294118 110.431373c48.188235-48.188235 112.439216-74.290196 180.705882-74.290197m0-30.117647c-73.286275 0-146.572549 28.109804-202.792157 83.325491L90.352941 309.207843a285.997176 285.997176 0 0 0 0 405.584314l219.858824 219.858823c56.219608 56.219608 129.505882 83.32549 202.792157 83.325491s146.572549-28.109804 202.792156-83.325491l219.858824-219.858823c111.435294-111.435294 111.435294-293.145098 0-404.580392l-220.862745-220.862745C658.572549 34.133333 585.286275 6.023529 512 6.023529z' fill='%231296db' p-id='3755'%3E%3C/path%3E%3Cpath d='M519.027451 789.082353c-17.066667 0-30.117647-13.05098-30.117647-30.117647V651.545098c0-17.066667 13.05098-30.117647 30.117647-30.117647s30.117647 13.05098 30.117647 30.117647v107.419608c0 17.066667-13.05098 30.117647-30.117647 30.117647z' fill='%231296db' p-id='3756'%3E%3C/path%3E%3Cpath d='M519.027451 328.282353c32.12549 0 62.243137 12.047059 85.333333 35.137255 23.090196 22.086275 35.137255 52.203922 35.137255 83.32549 0 31.121569-12.047059 61.239216-35.137255 83.32549l-85.333333 84.329412-85.333333-84.329412c-23.090196-22.086275-35.137255-52.203922-35.137255-83.32549 0-31.121569 12.047059-61.239216 35.137255-83.32549 23.090196-22.086275 53.207843-35.137255 85.333333-35.137255m0-60.235294c-46.180392 0-92.360784 17.066667-127.498039 52.203921-70.27451 70.27451-70.27451 182.713725 0 252.988236l127.498039 126.494117 127.498039-126.494117c70.27451-70.27451 70.27451-182.713725 0-252.988236-34.133333-34.133333-80.313725-52.203922-127.498039-52.203921z' fill='%231296db' p-id='3757'%3E%3C/path%3E%3Cpath d='M562.196078 534.086275c-8.031373 0-16.062745-3.011765-21.082353-9.035295-12.047059-12.047059-11.043137-31.121569 1.003922-42.164705 9.035294-9.035294 13.05098-20.078431 12.047059-33.129412-1.003922-9.035294-5.019608-18.070588-12.047059-24.094118-12.047059-12.047059-12.047059-31.121569-1.003922-42.164706 12.047059-12.047059 31.121569-12.047059 42.164706-1.003921 17.066667 16.062745 27.105882 38.14902 30.117647 61.239215 3.011765 30.117647-8.031373 60.235294-30.117647 82.321569-6.023529 5.019608-13.05098 8.031373-21.082353 8.031373z' fill='%231296db' p-id='3758'%3E%3C/path%3E%3Cpath d='M295.152941 573.239216c-2.007843 0-4.015686 0-6.023529-1.003922-2.007843 0-4.015686-1.003922-6.02353-2.007843-2.007843-1.003922-3.011765-2.007843-5.019607-3.011765-2.007843-1.003922-3.011765-2.007843-4.015687-4.015686-1.003922-1.003922-3.011765-3.011765-4.015686-5.019608-1.003922-2.007843-2.007843-3.011765-3.011765-5.019608-1.003922-2.007843-1.003922-4.015686-2.007843-6.023529 0-2.007843-1.003922-4.015686-1.003921-6.02353 0-8.031373 3.011765-16.062745 9.035294-21.082352 7.027451-7.027451 17.066667-10.039216 27.105882-8.031373 2.007843 0 4.015686 1.003922 6.023529 2.007843 2.007843 1.003922 4.015686 2.007843 5.019608 3.011765 2.007843 1.003922 3.011765 2.007843 4.015687 4.015686 6.023529 6.023529 9.035294 13.05098 9.035294 21.082353 0 2.007843 0 4.015686-1.003922 6.023529 0 2.007843-1.003922 4.015686-2.007843 6.02353-1.003922 2.007843-2.007843 4.015686-3.011765 5.019608-1.003922 2.007843-2.007843 3.011765-4.015686 5.019608-4.015686 6.023529-11.043137 9.035294-19.07451 9.035294zM657.568627 702.745098c-2.007843 0-4.015686 0-6.023529-1.003922-2.007843 0-4.015686-1.003922-6.023529-2.007843-2.007843-1.003922-3.011765-2.007843-5.019608-3.011764-2.007843-1.003922-3.011765-2.007843-4.015686-4.015687-1.003922-1.003922-3.011765-3.011765-4.015687-5.019607-1.003922-2.007843-2.007843-3.011765-3.011764-5.019608-1.003922-2.007843-1.003922-4.015686-2.007844-6.02353 0-2.007843-1.003922-4.015686-1.003921-6.023529 0-8.031373 3.011765-16.062745 9.035294-21.082353 7.027451-7.027451 17.066667-10.039216 27.105882-8.031373 2.007843 0 4.015686 1.003922 6.02353 2.007843 2.007843 1.003922 4.015686 2.007843 5.019608 3.011765 2.007843 1.003922 3.011765 2.007843 4.015686 4.015686 6.023529 6.023529 9.035294 13.05098 9.035294 21.082353 0 2.007843 0 4.015686-1.003922 6.02353 0 2.007843-1.003922 4.015686-2.007843 6.023529-1.003922 2.007843-2.007843 4.015686-3.011764 5.019608-1.003922 2.007843-2.007843 3.011765-4.015687 5.019608-3.011765 6.023529-11.043137 9.035294-19.07451 9.035294z' fill='%231296db' p-id='3759'%3E%3C/path%3E%3Cpath d='M737.882353 516.015686c-8.031373 0-16.062745 3.011765-21.082353 9.035294-6.023529 6.023529-9.035294 13.05098-9.035294 21.082353 0 2.007843 0 4.015686 1.003921 6.02353 0 2.007843 1.003922 4.015686 2.007844 6.023529 1.003922 2.007843 2.007843 4.015686 3.011764 5.019608 1.003922 2.007843 2.007843 3.011765 4.015687 5.019608l4.015686 4.015686c2.007843 1.003922 3.011765 2.007843 5.019608 3.011765 2.007843 1.003922 4.015686 1.003922 6.023529 2.007843 2.007843 0 4.015686 1.003922 6.02353 1.003922 8.031373 0 16.062745-3.011765 21.082352-9.035295 1.003922-1.003922 3.011765-3.011765 4.015687-5.019607 1.003922-2.007843 2.007843-3.011765 3.011764-5.019608 1.003922-2.007843 1.003922-4.015686 2.007844-6.02353 0-2.007843 1.003922-4.015686 1.003921-6.023529 0-8.031373-3.011765-16.062745-9.035294-21.082353l-4.015686-4.015686c-2.007843-1.003922-3.011765-2.007843-5.019608-3.011765-2.007843-1.003922-4.015686-1.003922-6.02353-2.007843-4.015686-1.003922-6.023529-1.003922-8.031372-1.003922zM397.552941 657.568627c-8.031373 0-16.062745 3.011765-21.082353 9.035295-6.023529 6.023529-9.035294 13.05098-9.035294 21.082353 0 2.007843 0 4.015686 1.003922 6.023529 0 2.007843 1.003922 4.015686 2.007843 6.023529 1.003922 2.007843 2.007843 4.015686 3.011765 5.019608 1.003922 2.007843 2.007843 3.011765 4.015686 5.019608l4.015686 4.015686c2.007843 1.003922 3.011765 2.007843 5.019608 3.011765 2.007843 1.003922 4.015686 1.003922 6.023529 2.007843 2.007843 0 4.015686 1.003922 6.02353 1.003922 8.031373 0 16.062745-3.011765 21.082353-9.035294 1.003922-1.003922 3.011765-3.011765 4.015686-5.019608 1.003922-2.007843 2.007843-3.011765 3.011765-5.019608 1.003922-2.007843 1.003922-4.015686 2.007843-6.02353 0-2.007843 1.003922-4.015686 1.003921-6.023529 0-8.031373-3.011765-16.062745-9.035294-21.082353l-4.015686-4.015686c-2.007843-1.003922-3.011765-2.007843-5.019608-3.011765-2.007843-1.003922-4.015686-1.003922-6.023529-2.007843-4.015686-1.003922-6.023529-1.003922-8.031373-1.003922z' fill='%231296db' p-id='3760'%3E%3C/path%3E%3C/svg%3E");
	}

	.leftimage2 {
		background-image: url("data:image/svg+xml,%3Csvg t='1642496843481' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4813' width='200' height='200'%3E%3Cpath d='M284.672 899.072c0-178.176 145.408-321.536 323.584-319.488 129.024 2.048 241.664 83.968 292.864 202.752 16.384 40.96 24.576 79.872 24.576 116.736 0 18.432 14.336 34.816 32.768 34.816h4.096c18.432 0 34.816-14.336 34.816-32.768 0-167.936-104.448-309.248-251.904-366.592 61.44-43.008 102.4-114.688 102.4-196.608 2.048-131.072-104.448-241.664-235.52-245.76-141.312-6.144-253.952 104.448-253.952 243.712 0 81.92 40.96 155.648 104.448 198.656-145.408 57.344-249.856 198.656-249.856 364.544v2.048c0 16.384 14.336 30.72 32.768 30.72h8.192c16.384 0 30.72-14.336 30.72-32.768z m147.456-534.528c-20.48-118.784 81.92-219.136 198.656-198.656 71.68 12.288 129.024 69.632 141.312 141.312 20.48 118.784-81.92 219.136-198.656 198.656-71.68-12.288-129.024-69.632-141.312-141.312z' p-id='4814' fill='%231296db'%3E%3C/path%3E%3Cpath d='M323.584 489.472c-65.536-14.336-112.64-71.68-112.64-141.312 0-69.632 49.152-126.976 114.688-141.312 12.288-2.048 22.528-14.336 22.528-28.672 0-18.432-18.432-32.768-36.864-28.672-92.16 20.48-161.792 102.4-161.792 200.704 0 69.632 34.816 131.072 88.064 167.936-122.88 47.104-208.896 167.936-208.896 307.2 0 10.24 0 18.432 2.048 28.672v2.048c0 16.384 14.336 30.72 30.72 30.72s30.72-14.336 30.72-30.72v-2.048c0-8.192-2.048-18.432-2.048-28.672 0-135.168 100.352-247.808 231.424-266.24 16.384-2.048 30.72-16.384 30.72-34.816-4.096-16.384-14.336-30.72-28.672-34.816z' p-id='4815' fill='%231296db'%3E%3C/path%3E%3C/svg%3E");
	}

	.leftimage3 {
		background-image: url("data:image/svg+xml,%3Csvg t='1642496715970' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3944' width='200' height='200'%3E%3Cpath d='M910.5 113.5L550.4 73.1 73.1 550.4l400.5 400.5 477.2-477.2-40.3-360.2zM473.6 880.2L143.8 550.4l424.9-424.9 296.6 33.2 33.2 296.6-424.9 424.9z m243-608.1l35.4 35.4-35.4 35.4-35.4-35.4 35.4-35.4z' fill='%231296db' p-id='3945'%3E%3C/path%3E%3C/svg%3E");
	}

	.leftimage4 {
		background-image: url("data:image/svg+xml,%3Csvg t='1642496933783' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5709' width='200' height='200'%3E%3Cpath d='M508.5 542.7c51.7-37.4 85.8-97.8 85.8-166.4 0-113.4-92.3-205.6-205.6-205.6S183 262.9 183 376.3c0 68.6 34.1 129 85.8 166.4C160.9 589.2 85.2 696.6 85.2 821.4c0 17.7 14.3 32 32 32s32-14.3 32-32c0-132 107.4-239.5 239.5-239.5s239.5 107.4 239.5 239.5c0 17.7 14.3 32 32 32s32-14.3 32-32c0-124.8-75.8-232.2-183.7-278.7zM247 376.3c0-78.1 63.5-141.6 141.6-141.6s141.6 63.5 141.6 141.6-63.5 141.6-141.6 141.6S247 454.4 247 376.3z' fill='%231296db' p-id='5710'%3E%3C/path%3E%3Cpath d='M907.5 235.1H694.2c-17.7 0-32-14.3-32-32s14.3-32 32-32h213.3c17.7 0 32 14.3 32 32s-14.3 32-32 32zM907.5 363.1H694.2c-17.7 0-32-14.3-32-32s14.3-32 32-32h213.3c17.7 0 32 14.3 32 32s-14.3 32-32 32zM907.5 491.1H694.2c-17.7 0-32-14.3-32-32s14.3-32 32-32h213.3c17.7 0 32 14.3 32 32s-14.3 32-32 32z' fill='%231296db' p-id='5711'%3E%3C/path%3E%3C/svg%3E");
	}

	.headimg {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #000000;
	}

	.icon {
		border-radius: 20%;
		-webkit-animation: ani2 3s linear infinite;
		margin: 150rpx;
		width: 150rpx;
		height: 150rpx;
		background-image: url("data:image/svg+xml,%3Csvg t='1642494790331' class='icon' viewBox='0 0 1025 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2916' width='200' height='200'%3E%3Cpath d='M295.073941 558.635333c-0.058157-16.724166-0.506793-32.912461-0.581566-48.402877-1.046818 16.994179-0.84327 33.116009 0.581566 48.402877zM544.021419 777.146158l-0.124621 0.012462c0.04154-0.008308 0.070619 0 0.124621-0.012462z' fill='%23B6E7FC' p-id='2917'%3E%3C/path%3E%3Cpath d='M511.86084 0.04154C229.967668 0.04154 1.528687 228.476368 1.528687 510.490006c0 188.418958 102.073077 352.985416 253.93648 441.420779 15.340871-43.189556 40.323269-78.382585 71.457801-105.487698 24.683307-21.696552 53.832208-38.811198 86.466348-50.521437-59.332157-51.659645-61.068546-65.725225-40.692979-63.785288a194.83695 194.83695 0 0 1-47.218975-53.105251c-261.683766-19.644456-45.569822-533.441079 186.736571-411.324757 98.143355-51.609796 192.41099 9.662298 249.624587 99.385413 78.968305 122.643884 88.70953 298.555027-57.807624 311.715026-13.384318 22.240732-30.594506 40.759443-50.35943 55.581059 10.10678 3.402159 5.79904 20.005858-28.534103 61.78304h-0.261704c32.538597 11.760088 61.600263 28.899658 86.204643 50.604519 27.254658 23.819267 49.761248 53.86544 65.189354 90.04713 0.137083 0.324015 0.261705 0.660492 0.402942 0.984508 1.021894 2.421805 2.047942 4.839457 3.007525 7.319419 145.615727-89.914201 242.629183-250.924801 242.629183-434.616462 0.004154-282.013639-228.438981-510.448466-510.448466-510.448466z' fill='%23B6E7FC' p-id='2918'%3E%3C/path%3E%3Cpath d='M326.927122 846.427241c-31.134532 27.100959-56.11693 62.293988-71.457801 105.487699l0.008308 0.004154c14.983623-41.561173 39.459228-77.373154 71.449493-105.491853zM779.630274 945.135546l0.054003-0.033232c-0.955429-2.479962-1.985631-4.897613-3.007525-7.319419 1.034356 2.421805 1.989785 4.889305 2.953522 7.352651zM543.535397 777.196007a1.561919 1.561919 0 0 0 0.361401-0.037387l0.124621-0.012462c8.557323-1.790391 89.054315-49.715554 109.650047-42.778306 19.764924-14.821616 36.975112-33.340327 50.35943-55.581059-4.968232 0.444482-10.094318 0.726957-15.428106 0.789268 34.736085-50.396816 52.278597-112.333556 41.91842-193.58243l-215.951936 1.05928h-2.592121v-0.012462l-215.24575-1.046818a372.563408 372.563408 0 0 0-2.239028 24.234671c0.074773 15.490416 0.519255 31.674557 0.581566 48.402877 4.399129 47.231438 20.014166 86.757131 43.575882 120.940728a209.27224 209.27224 0 0 1-13.168307-0.569104 194.778793 194.778793 0 0 0 47.218975 53.105251c31.599784 3.007525 116.3879 44.518849 121.97093 44.01621 19.78154 2.484116 28.845655 1.657462 48.863976 1.071743zM776.27381 936.802541c-15.43226-36.181691-37.93885-66.22371-65.189354-90.04713 27.89438 24.60438 50.085263 55.032725 65.189354 90.04713z' fill='%23FCE9EA' p-id='2919'%3E%3C/path%3E%3Cpath d='M776.27381 936.802541c-15.10409-35.014405-37.299127-65.44275-65.189354-90.04713-24.60438-21.70486-53.666046-38.84443-86.204643-50.604519l-211.336798-0.116313a4.041881 4.041881 0 0 0-0.145391-0.128775c-32.63414 11.710239-61.783041 28.824885-86.466348 50.521437-31.994418 28.122852-56.465869 63.934833-71.449493 105.491853 75.337674 43.870819 162.913151 69.019379 256.383211 69.019378 98.222282 0 189.931028-27.753143 267.76528-75.798772a237.930963 237.930963 0 0 0-2.953522-7.352651l-0.402942-0.984508z' fill='%233B9CBD' p-id='2920'%3E%3C/path%3E%3Cpath d='M624.879813 796.150892h0.261704c34.337297-41.777183 38.640882-58.380882 28.534103-61.78304-20.595732-6.937247-101.096878 40.987915-109.650047 42.778306-0.054003 0.012462-0.083081 0.004154-0.124621 0.012462a1.541149 1.541149 0 0 1-0.361401 0.037387c-20.014166 0.589874-29.082436 1.412374-48.863976-1.063435-5.58303 0.502639-90.371146-41.008685-121.97093-44.01621-20.371413-1.939937-18.639179 12.129798 40.692979 63.785288a4.041881 4.041881 0 0 0 0.145391 0.128775l211.336798 0.120467z' fill='%23C9CACA' p-id='2921'%3E%3C/path%3E%3Cpath d='M761.83852 367.071767c-57.213596-89.723115-151.481232-150.995209-249.624587-99.385413 97.499479-51.256703 191.991432 9.87 249.624587 99.385413z' fill='%23C4BFFF' p-id='2922'%3E%3C/path%3E%3Cpath d='M295.073941 558.635333c-1.420682-15.291022-1.628384-31.412852-0.581566-48.402877 0.486023-7.900985 1.183901-15.943206 2.239028-24.234671l215.24575 1.046818V267.686354h0.23678c-232.306393-122.116321-448.416183 391.676147-186.736571 411.324757 4.262045 0.319861 8.652866 0.515101 13.168307 0.569104-23.557562-34.187751-39.176754-73.70929-43.571728-120.944882z' fill='%23C4BFFF' p-id='2923'%3E%3C/path%3E%3Cpath d='M511.981307 487.044603v0.012462h2.592121l215.951936-1.05928c10.360176 81.248873-7.182336 143.185613-41.91842 193.58243a200.797998 200.797998 0 0 0 15.428106-0.789268c146.517154-13.16 136.775929-189.071142 57.807624-311.715026-57.633154-89.515413-152.125108-150.642116-249.624587-99.385413h-0.23678v219.354095z' fill='%23B2ABFF' p-id='2924'%3E%3C/path%3E%3C/svg%3E");
		background-size: cover;
		padding: 10rpx;
	}
</style>
